<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title>Electron</title>
  <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
  <meta http-equiv="Content-Security-Policy"
    content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:" />
  <style>
    /* 全局样式重置，确保完全填充Electron窗口 */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html,
    body {
      width: 100vw;
      height: 100vh;
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      overflow: hidden;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      /* 确保在Electron中完全填充 */
      min-width: 100vw;
      min-height: 100vh;
    }

    #app {
      width: 100vw;
      height: 100vh;
      position: relative;
      overflow: hidden;
      /* 确保应用容器也完全填充 */
      min-width: 100vw;
      min-height: 100vh;
    }

    /* 针对Electron的特殊处理 */
    @media screen and (max-width: 100vw) {

      html,
      body,
      #app {
        width: 100vw !important;
        height: 100vh !important;
      }
    }
  </style>
</head>

<body>
  <div id="app"></div>
  <script type="module" src="/src/main.ts"></script>
</body>

</html>